<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	template="/WEB-INF/layout/loginLayout.xhtml">
	<ui:define name="content">
	    <div style="color: red;">
	        <ice:messages id="loginErrorMessages" />
	    </div>
		<ice:panelBorder cellspacing="0" cellpadding="0" align="center"
			height="200" style=" font-size: 18px;"
			width="300">
			<f:facet name="north">
				<ice:outputText style=" font-size: 13px;" value="Introduzca su contraseña"></ice:outputText>
			</f:facet>
			<f:facet name="west">
				<ice:outputText value=" " />
			</f:facet>
			<f:facet name="center">
				<h:form id="form">
					<h:panelGrid columns="3">
						<h:outputText value="Usuario:" />
						<ice:inputText id="j_username" value="#{loginController.userId}" size="20" required="false" />
						<ice:message style="color: red;" id="userError" for="j_username" />
						<h:outputText value="Contraseña:" />
						<ice:inputSecret id="j_password" value="#{loginController.password}"
							action="#{loginController.login}"
							 size="15" required="false" />
						<ice:message style="color: red;" id="passwordError" for="j_password" />
					</h:panelGrid>
					<h:panelGroup style="text-align:center;display:block">
						 <ice:commandButton id="j_submitLogin" value="Accesar"
                               action="#{loginController.login}" />
					</h:panelGroup>						
				</h:form>
			</f:facet>
			<f:facet name="east">
				<ice:outputText value=" " />
			</f:facet>
			<f:facet name="south">
				<ice:outputText value=" " />
			</f:facet>
		</ice:panelBorder>
	</ui:define>
</ui:composition>